<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>填写资料</title>
  <meta name="keywords" content="英语学习网站,英语口语,英语听力,英语培训机构,vipabc,在线英语学习,英语外教,英语家教" />
  <meta name="description" content="vipabc，全球真人英语外教网,专业英语培训机构.自行研发DCGS动态课程学习系统,以学习者为中心,和全球英语外教同步视频实时互动,可提供全方位的英语培训解决方案." />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-touch-fullscreen" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="format-detection" content="telephone=no" />

  <link rel="stylesheet" type="text/css" href="css/vipabc.UI.css" />
  <link rel="stylesheet" type="text/css" href="css/form.css" />
  <link rel="stylesheet" type="text/css" href="css/custom.css" />

</head>

<body style="background-color:#f0eff5;">

  <div class="phone-content">

    <div class="img-box">
      <img src="//source.vipabc.com/ext/images/website/abc/linkage_page/mgm2016_event07/banner2.jpg" />
    </div>
    <div class="c2-title">
      <div class="c2-text1">您的好友邀请您一起学英语</div>
      <div class="c2-text2">填写资料即可获得免费1对1外教课程1节</div>
    </div>

    <form class="form" id="js-lp-form">
      <ul class="form-ul">
        <li>
          <p>
            <input name="name" id="name" class="form-input" type="text" placeholder="您的姓名" />
          </p>
        </li>
        <li style="border-bottom: solid 1px #bfbfbf;padding: 7px 15px;box-sizing: border-box;">
          <div class="item-left">
            <dl class="free-form-sex">
              <dt>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别</dt>
              <dd style="margin-left: 20px;">
                <label class="sex-wrap" for="radio1">
                  <input id="radio1" class="free-radio" name="sex" type="radio" value="1" checked="checked" />男
                </label>
              </dd>
              <dd>
                <label class="sex-wrap" for="radio2">
                  <input id="radio2" class="free-radio" name="sex" type="radio" value="2" />女
                </label>
              </dd>
            </dl>
          </div>
          <div class="item-right">
            <select id="age_area" class="age_area" name="age_area">
              <option id="age_area_null" value="">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;龄</option>
              <!--<optgroup label="青少年课程">-->
              <option value="20">0-6岁</option>
              <option value="21">7-9岁</option>
              <option value="29">10-12岁</option>
              <option value="30">13-15岁</option>
              <option value="31">16-18岁</option>
              <!--</optgroup>
                            <optgroup label="成人课程">-->
              <option value="9">19~25岁</option>
              <option value="10">26~35岁</option>
              <option value="11">36~45岁</option>
              <option value="12">46~55岁</option>
              <option value="13">56岁以上</option>
              <!--</optgroup>-->
            </select>
          </div>
        </li>
        <li>
          <p>
            <input name="cphone" id="cphone" class="form-input" type="tel" placeholder="联系电话" />
          </p>
        </li>
        <li>
          <p>
            <input name="mail" id="mail" class="form-input" type="email" placeholder="常用邮箱" />
          </p>
        </li>
        <!--<li class="submit-wrap">
                    <input data-track="tk-submit" class="form-submit button-animated" type="button" value="立即领取" />
                </li>-->
      </ul>
    </form>
    <div class="submit">立即领取</div>

    <div class="clear"></div>
    <div class="mask mask1">
      <div class="mask-content">
        <img class="mask-logo" src="//source.vipabc.com/ext/images/website/abc/linkage_page/mgm2016_event07/icon_email.png" />
        <div class="mask-text1">尊敬的<span id="user_name1">XXX</span>先生/女士:</div>
        <div class="mask-text2" style="font-size: 24px;font-weight: bold;">恭喜您
          <br>你已成功领取免费课程</div>
        <div class="mask-text2">我们的客服人员将尽快
          <br>与您取得联系！</div>
        <div class="mask-text3">客服热线：4006-30-30-30</div>
      </div>
    </div>
    <div class="mask mask2">
      <div class="mask-content">
        <img class="mask-logo" src="//source.vipabc.com/ext/images/website/abc/linkage_page/mgm2016_event07/icon_email.png" />
        <div class="mask-text1">尊敬的<span id="user_name2">XXX</span>先生/女士:</div>
        <div class="mask-text2" style="font-size: 18px;font-weight: bold;">对不起，您未能成功申请课程，
          <br>请退出页面，再次申请。</div>
        <div class="mask-text2">请联系我们的客服人员
          <br>预约为您定制的免费体验课程</div>
        <div class="mask-text3">客服热线：4006-30-30-30</div>
      </div>
    </div>
  </div>


  <script src="//source.vipabc.com/Ext/js/lib/jquery-1.11.1.min.js"></script>
  <script src="//lp.vipabc.com/lib/javascript/landingpage_google_analytics.js"></script>
  <script src="js/jquery.qrcode-logo.min.js"></script>
  <script src="js/form.js"></script>
  <script src="js/InitWX_custom2.js"></script>
  <script src="js/custom2.js"></script>

</body>

</html>